.GameScreen
{
    text-align: center;
}
.Player1 
{
    width: 250px;
    float:left;
    direction:ltr;
}
.Player2 
{
    width: 250px;
    float:right;
    direction:rtl;
}

.PlayersTable 
{
    text-align: center;
    color: darkgreen;
}

.TowerRow
{
    width:46px;
}

.TowersTable
{
    /* font-family: 'Della Respira', serif; */
    text-align: center;
    width:46px;
}


.Player1_Board
{
    text-align: left;
    direction:ltr;
    width: 290px;
}

.Player2_Board
{
    text-align: right;
    direction:rtl;
    width: 290px;
}

.PlayerBoard
{
    width: 290px;
    text-align: center;
}

.SoldierCell
{
    border:1px solid rgb(200,200,200);
    border-radius: 10px 10px 10px 10px;
    height: 82px;
    width: 80px;
}

.GameMessageCell
{
    width:130px;
}

.cards
{
    border:1px solid rgb(200,200,200);
    border-collapse:collapse;
}

.chatBox
{
    border:1px solid rgb(200,200,200);
    border-collapse:collapse;
}

.chatTitle
{
    text-align: center;
}
.chatRow
{
    text-align: left;
    direction: ltr;
}

.modern {
  display: inline-block;
  margin: 10px;
  padding: 8px 15px;
  background: #ff9999; /* #B8ED01; */
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);

  /* Font styles */
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.7);
}

.modern:hover  { background: #ff6666; /*#C7FE0A;*/ }

.embossed-link {
  box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}

.modern.embossed-link {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2),
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.15), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}

.modern.embossed-link:active {
  box-shadow: 
    inset 0 -2px 1px rgba(255,255,255,0.2),
    inset 0 3px 2px rgba(0,0,0,0.12);
}


textarea
{
    resize: none;
    /* max-width: 100px; max-height: 100px; */
}





/*          POP UPs        */
.commands_popup_style
{
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    
}

.commands_popup_style table
{
    background-color: #E0E0E0;
}

.commands_popup_style td
{
    background-color: activeborder;
}

.commands_popup_style .Title
{
    background-color: aliceblue;
    font-weight: bold;
    text-align: center;    
}

.card_popup_style
{
    background-color: #E0E0E0;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;    
}